{% extends 'IcsocUIBundle::page.html.twig' %}
{% block stylesheet %}
    {{ parent() }}
    {% stylesheets%}
    {% endstylesheets %}
{% endblock %}
{% block content %}
    <div class="row">
        <div class="col-xs-12 col-sm-6 widget-container-col ui-sortable">
            <!-- #section:custom/widget-box -->
            <div class="widget-box">
                <div class="widget-header">
                    <h5 class="widget-title">流程信息</h5>

                    <!-- #section:custom/widget-box.toolbar -->
                    <div class="widget-toolbar">

                        <a href="#" data-action="fullscreen" class="orange2">
                            <i class="ace-icon fa fa-expand"></i>
                        </a>

                        <a href="#" data-action="reload">
                            <i class="ace-icon fa fa-refresh"></i>
                        </a>

                        <a href="#" data-action="collapse">
                            <i class="ace-icon fa fa-chevron-up"></i>
                        </a>

                    </div>

                    <!-- /section:custom/widget-box.toolbar -->
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        <p class="alert alert-info">
                            Nunc aliquam enim ut arcu aliquet adipiscing. Fusce dignissim volutpat justo non consectetur. Nulla fringilla eleifend consectetur.
                        </p>
                        <p class="alert alert-success">
                            Raw denim you probably haven't heard of them jean shorts Austin.
                        </p>
                    </div>
                </div>
            </div>

            <!-- /section:custom/widget-box -->
        </div>
        <div class="col-xs-12 col-sm-6 widget-container-col ui-sortable">
            <!-- #section:custom/widget-box -->
            <div class="widget-box">
                <div class="widget-header">
                    <h5 class="widget-title">节点信息</h5>

                    <!-- #section:custom/widget-box.toolbar -->
                    <div class="widget-toolbar">
                        <div class="widget-menu">
                            <a href="#" data-action="settings" data-toggle="dropdown">
                                <i class="ace-icon fa fa-bars"></i>
                            </a>

                            <ul class="dropdown-menu dropdown-menu-right dropdown-light-blue dropdown-caret dropdown-closer">
                                <li>
                                    <a data-toggle="tab" href="#dropdown1">Option#1</a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#dropdown2">Option#2</a>
                                </li>
                            </ul>
                        </div>

                        <a href="#" data-action="fullscreen" class="orange2">
                            <i class="ace-icon fa fa-expand"></i>
                        </a>

                        <a href="#" data-action="reload">
                            <i class="ace-icon fa fa-refresh"></i>
                        </a>

                        <a href="#" data-action="collapse">
                            <i class="ace-icon fa fa-chevron-up"></i>
                        </a>

                        <a href="#" data-action="close">
                            <i class="ace-icon fa fa-times"></i>
                        </a>
                    </div>

                    <!-- /section:custom/widget-box.toolbar -->
                </div>

                <div class="widget-body">
                    <div class="widget-main">
                        <p class="alert alert-info">
                            Nunc aliquam enim ut arcu aliquet adipiscing. Fusce dignissim volutpat justo non consectetur. Nulla fringilla eleifend consectetur.
                        </p>
                        <p class="alert alert-success">
                            Raw denim you probably haven't heard of them jean shorts Austin.
                        </p>
                    </div>
                </div>
            </div>

            <!-- /section:custom/widget-box -->
        </div>
    </div>
{% endblock %}
{% block footer %}
    {% javascripts
    '@tree_js'
    '@IcsocUIBundle/Resources/public/plugin/fuelux/fuelux.tree-sample-demo-data.js'
    filter='uglifyjs'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
    <script>
        $('#tree1').ace_tree({
            dataSource : treeDataSource ,
            multiSelect : true,
            loadingHTML : '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>',
            'open-icon' : 'ace-icon tree-minus',
            'close-icon' : 'ace-icon tree-plus',
            'selectable' : true,
            'selected-icon' : 'ace-icon fa fa-check',
            'unselected-icon' : 'ace-icon fa fa-times'
        });
    </script>
{% endblock %}
